.content {
  padding: 0 17px;
  :global {
    .qd-practice-box {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 17px;
      box-sizing: border-box;
      font-size: 15px;
      font-weight: 400;
      color: #ffffff;
      line-height: 10px;
      .qd-practice-right {
        width: 165px;
        height: 40px;
        background: #2e57ff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
      }
      .qd-practice-left {
        width: 165px;
        height: 40px;
        background: #ffc837;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    // 当前学科
    .qd-practice-all {
      margin-top: 31px;
      .qd-practice-title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 17px;
        .qd-practice-right {
          height: 12px;
          font-size: 12px;
          font-weight: 400;
          color: #666666;
        }
        .qd-practice-left {
          height: 12px;
          font-size: 12px;
          font-weight: 600;
          color: #2e57ff;
        }
      }
      .qd-practice-allbtn {
        display: flex;
        flex-wrap: wrap;
        text-align: center;

        .qd-practice-btn-one {
          display: flex;
          justify-content: center;
          align-items: center;
          &:nth-child(2) {
            margin: 0 10px;
          }
          width: 107px;
          height: 27px;
          background: #f0f0f0;
          margin-bottom: 11px;

          font-size: 14px;

          font-weight: 400;
          color: #333333;
        }
        .qd-practice-btn-active {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 107px;
          height: 27px;
          background: #2e57ff;
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
        }
      }
    }
    //   题目类型
    .qd-practice-type {
      margin-top: 22px;
      .qd-practice-title {
        height: 13px;
        font-size: 13px;
        font-weight: 400;
        color: #666666;
        line-height: 10px;
        margin-bottom: 17px;
      }
      .qd-practice-btn {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        .qd-practice-btn-s {
          &:nth-child(1) {
            margin-right: 10px;
          }
          &:nth-child(2) {
            margin-right: 10px;
          }
          &:nth-child(4) {
            margin-right: 10px;
          }
          &:nth-child(5) {
            margin-right: 10px;
          }
         
          margin-bottom: 10px;
          width: 107px;
          height: 27px;
          background: #f0f0f0;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        .qd-practice-btn-actives {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 107px;
          height: 27px;
          background: #2e57ff;
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          line-height: 10px;
        }
      }
    }
    //题目数量
    .qd-quantity-box {
      padding-bottom: 110px;
      margin-top: 22px;
      .qd-quantity-title {
        height: 13px;
        font-size: 13px;
        font-weight: 400;
        color: #666666;
        line-height: 10px;
        margin-bottom: 16px;
      }
      .qd-quantity-btn {
        display: flex;
        text-align: center;
        flex-wrap: wrap;
        .qd-quantity-btn-e {
          width: 107px;
          height: 27px;
          background: #f0f0f0;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 10px;
          &:nth-child(1) {
            margin-right: 10px;
          }
          &:nth-child(2) {
            margin-right: 10px;
          }
          &:nth-child(4) {
            margin-right: 10px;
          }
          &:nth-child(5) {
            margin-right: 10px;
          }
        }
        .qd-quantity-btn-e-active {
          width: 107px;
          height: 27px;
          background: #2e57ff;
          font-size: 14px;
          font-weight: 500;
          color: #ffffff;
          line-height: 10px;
        }
      }
    }
    .qd-back {
      height: 40px;
      width: var(--app-width);
      background: #2e57ff;
      font-size: 16px;
      font-weight: 400;
      color: #ffffff;
      line-height: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      bottom: 0;
      left: 0;
    }
  }
}
